<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <link rel="stylesheet" type="text/css" href="viewer.css" />
        <link type="text/css" href="/thirdparty/css/ui-lightness/jquery-ui-1.8.2.custom.css" rel="Stylesheet" />
        <title>Поиск треков в Подмосковье</title>

        <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAxeQCb3wu6PA7zVxqnImk_xQfbKUljRK_208NZ6QVgd1EVBmc4hQ7TvqOwd7Nvp6as0YdevNyKEXBFg&sensor=false&hl=ru"
            type="text/javascript">
        </script>

        <script type="text/javascript" src="/thirdparty/js/arbalet.js"          ></script>
        <script type="text/javascript" src="/thirdparty/js/jquery-1.4.2.min.js" ></script>
        <script type="text/javascript" src="/thirdparty/js/jquery-ui-1.8.2.custom.min.js"></script>
        
        <script type="text/javascript" src="js/PolylineEncoder.js"   ></script>
        <script type="text/javascript" src="js/TagManager.js"        ></script>
        <script type="text/javascript" src="js/CookieLib.js"         ></script>
        <script type="text/javascript" src="js/Section.js"           ></script>
        <script type="text/javascript" src="js/Track.js"             ></script>
        <script type="text/javascript" src="js/ActiveTrackManager.js"></script>
        <script type="text/javascript" src="js/TrackManager.js"      ></script>
        <script type="text/javascript" src="js/TrackInfoWidget.js"   ></script>
        <script type="text/javascript" src="js/main.js"              ></script>
        
    </head>

    <body onload="initialize()" onunload="GUnload()" onkeydown = "onKeydown(event)">
        <div id="login" style="margin:0px 0px 10px 0px">
            <form action = "cgi-bin/login.cgi">
                Login: <input name="login" type="text"/> 
                Password: <input name="pass" type="password"/>
                <input name="bsubmit" type="submit" value="Login"/>
                <input name="bsubmit" type="submit" value="Register"/>
            </form>
        </div>
        <div id="loggined" style="margin:0px 0px 10px 0px">
            <table width="100%"><tr>
                <td id="show_login"></td>
                <td align = "right">
                    <form action = "cgi-bin/login.cgi">
                        <input name="bsubmit" type="submit" value="Logout"/>
                    </form>
                </td>
            </tr></table>
        </div>
        
        <div id="full_help" class = "help" style="display:none" onclick="setHelpVisible(false);" title="Кликните чтобы скрыть">
            Нажмите на кнопку "Загрузить треки" чтобы загрузить с сервера треки для видимой области на карте. <br/>
            На треки можно кликать, снизу появится табличка с описаниями выделенных треков.<br/>
            Список слева позволяет выбирать по одному треку за раз (обновляется вручную).<br/>
            Приблизтесь и нажмите на "Загрузить треки" чтобы увидеть больше треков.
        </div>
        <div id="short_help" class = "help" onclick="setHelpVisible(true);">
            Кликните тут для краткого руководства
        </div>
        <table width = "100%" class="main_table"><tr>
            <td id = "visible_tracks_td" width = "300px" valign = "top" align = "center">
                <div id="visible_tracks_container">
                    <form><input type = "button" value = "Обновить список видимых треков" onclick = "onUpdateVisibleTracks();"></form>
                    <div id = "visible_tracks" style="overflow: auto; height: 500px"></div>
                </div>
            </td>
            <td width = "1px">
                <div id="vt_separator" style="background-color:#aaaaaa; cursor: pointer;" 
                     onclick="toggleVisibleTracksPanel();" title="Скрыть/показать панель видимых треков">
                    &lt;<br/>&lt;<br/>&lt;
                </div>
            </td>
            <td valign = "top">
                <div id = "map_canvas" style = "width: 100%"></div>
            </td>
        </tr></table>
        <table width="100%"><tr>
            <td width = "1%">
                <form>
                    <p><input type="button" name="load" value="Загрузить треки" onclick="GetTracks();" class="get_track_button"/></p>
                </form>
            </td>
            <td width = "33%">
                Выбирите теги для показа:
                <div id = "view_tags"></div>
                <div id="add_tag">
                    <form>
                        Добавить тег: <input id = "new_tagname" name = "tagname "type="text"/>
                        <input type="button" name="add" value="Добавить" onclick="addTag();"/>
                    </form>
                </div>
            </td>
            <td width = "33%">
                <form>
                    Max кол-во точек:   <input id = "max_points" type="text" value="20000" size="10"/><br/>
                    Max кол-во секций трека: <input id = "max_sections" type="text" value="300" size="10"/>
                </form>
            </td><td>
                <div id = "statistic" style="display:none"></div>
            </td>
        </tr></table>
        <div id = "click_events"></div>
        <div id = "upload_div" style="background-color:#eeeeff; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px">
            <center><b>Upload PLT tracks or zipped PLT tracks (all non-.plt files from zip will be ignored)</b></center>
            <form action="cgi-bin/track_upload.cgi" enctype="multipart/form-data" method="post" accept-charset="UTF-8" onsubmit="return UploadSubmit();">
                <p>Track file to upload: <input id = "track_file" type="file" name="track_file" /><input type="submit" name="submit_file" value="Upload track from file" onclick = "uploadTrackType = 'file'"/></p>
                <p>Track URL to upload: <input id = "track_url" type="text" name="track_url" /><input type="submit" name="submit_url" value="Upload track from URL"onclick = "uploadTrackType = 'url'"/></p>
                <p>Short description: <input id = "track_short_description" type="text" name="short_description" size = "70"/></p>
                <p>Description URL: <input id = "track_url_description" type="text" name="url_description" size = "70"/></p>
                <div id = "add_tags"></div>
                <p>Description:<br/><textarea id="track_description" name="description" rows="10" cols="80"></textarea></p>
                <input id = "upload_track_tags" name = "tag_ids" type="hidden"/>
            </form>
        </div>        
        <table style="background-color:#D0D0D0" width="100%"><tr>
        <td align = "left">
            Замечания и предложения можно писать сюда: <a href="mailto: parshin.alexander@gmail.com">parshin.alexander@gmail.com</a>
        </td><td align = "center">
            <a href = "javascript:showAboutPage();">О проекте</a>
        </td><td align = "right">
            Проект на Google Code: <a target = "parent" href="https://code.google.com/p/moscow-track-viewer/">https://code.google.com/p/moscow-track-viewer/</a>
        </td></tr></table>
        
        <div id="about" style="display:none">
            <p>
            Основная цель проекта - предоставить сервис для быстрого поиска треков в Подмосковье. 
            При этом используются треки из уже существующих внешних коллекций треков. </p>
            <p>
            Подключённые к системе коллекции треков:
            <ul>
                <li> <a target = "parent" href="http://www.turpohod.narod.ru/">Коллекция треков гр. Рыжавского</a> (<b>тег 'ГР'</b>)</li>
                <li> <a target = "parent" href="http://an-bakh.narod.ru/catalog/">Каталог А. Бахвалова</a> с треками <a target = "parent" href="http://super-dmitriev.narod.ru/">гр. Дмитриева</a>(<b>тег 'ГД'</b>)</li>
                <li> <a target = "parent" href="http://slazav.mccme.ru/gps/">Старая коллекция треков В. Завьялова</a> (<b>тег 'slazav'</b>)</li>
                <li> <a target = "parent" href="http://slazav.mccme.ru/perl/ll8show.pl">Каталог походов В. Завьялова</a> (<b>тег 'slazav'</b>)</li>
            </ul>
            
            История изменений:
            <ul>
                <li>2010.06.24 Первая публичная версия</li>
                <li>2010.09.07 
                    <ul>
                        <li>Добавлены странички с информацией о треке и графиками высот</li>
                        <li>Добавлена возможность скрывать список видимых треков слева</li>
                        <li>При фильтрации по тегам есть 3 состояния тега (обязателен, должен отсутствовать, нейтрален)</li>
                        <li>Добавлена страничка "О проекте"</li>
                    </ul>
            </ul>
        </div>
    </body>
</html>